<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>回顾Object.defineproperty方法</title>
</head>
<body>
<script type="text/javascript">
    let number = 18
    let person = {
        name: '张三',
        sex: '男',
    }
    // 这个特别重要
    //Object.defineProperty(object, propertyName, descriptor) 定义新属性时，descriptor 中同时有 访问器(getter/setter) 与 value/writable 属性。  是错误的
    // value和 get 是同一个作用，只能同时用一个。vue
    //writable和set是同一个作用，用一个。
    Object.defineProperty(person, 'age', {
         //value:18,
         enumerable:true, //控制属性是否可以枚举，默认值是false    不可遍历 属性是否会出现在for in 或者 Object.keys()的遍历中
        //writable:true, //控制属性是否可以被修改，默认值是false
        configurable:true ,//控制属性是否可以被删除，默认值是false

        //当有人读取person的age属性时，get函数(getter)就会被调用，且返回值就是age的值 getter
        get() {
            console.log('有人读取age属性了')
            return number
        },

        //当有人修改person的age属性时，set函数(setter)就会被调用，且会收到修改的具体值
        set(value) {
            console.log('有人修改了age属性，且值是', value)
            number = value
        }

    })

    console.log(Object.keys(person))

    console.log(person)
</script>
</body>
</html>